/**
 * blog theme 
 */
.clearfix {
  *zoom: 1; }
  .clearfix::after {
    content: '';
    display: table;
    clear: both; }

.content__container {
  word-wrap: break-word;
  overflow-wrap: break-word; }
  .content__container h1 {
    font-size: 2em; }
  .content__container h2 {
    font-size: 1.8em; }
  .content__container h3 {
    font-size: 1.6em; }
  .content__container h4 {
    font-size: 1.4em; }
  .content__container h5 {
    font-size: 1.2em; }
  .content__container h6 {
    font-size: 1em; }
  .content__container a, .content__container abbr, .content__container acronym, .content__container address, .content__container applet, .content__container big, .content__container blockquote, .content__container body, .content__container caption, .content__container cite, .content__container code, .content__container dd, .content__container del, .content__container dfn, .content__container div, .content__container dl, .content__container dt, .content__container em, .content__container fieldset, .content__container form, .content__container h1, .content__container h2, .content__container h3, .content__container h4, .content__container h5, .content__container h6, .content__container html, .content__container iframe, .content__container img, .content__container ins, .content__container kbd, .content__container label, .content__container legend, .content__container li, .content__container object, .content__container ol, .content__container p, .content__container pre, .content__container q, .content__container s, .content__container samp, .content__container small, .content__container span, .content__container strike, .content__container strong, .content__container sub, .content__container sup, .content__container table, .content__container tbody, .content__container td, .content__container tfoot, .content__container th, .content__container thead, .content__container tr, .content__container tt, .content__container ul, .content__container var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: inherit;
    vertical-align: baseline; }
  .content__container h1, .content__container h2, .content__container h3, .content__container h4, .content__container h5, .content__container h6, .content__container blockquote, .content__container p, .content__container img, .content__container ul, .content__container ol, .content__container dl {
    margin: 0;
    outline: none;
    border: 0; }
    .content__container h1:not(:last-child), .content__container h2:not(:last-child), .content__container h3:not(:last-child), .content__container h4:not(:last-child), .content__container h5:not(:last-child), .content__container h6:not(:last-child), .content__container blockquote:not(:last-child), .content__container p:not(:last-child), .content__container img:not(:last-child), .content__container ul:not(:last-child), .content__container ol:not(:last-child), .content__container dl:not(:last-child) {
      margin-bottom: 21px; }
  .content__container h1, .content__container h2, .content__container h3, .content__container h4, .content__container h5, .content__container h6 {
    line-height: 1;
    font-weight: 400;
    color: #242f35;
    margin-top: 35px; }
  .content__container ul, .content__container ol, .content__container dl {
    padding-left: 1.5em; }
  .content__container blockquote {
    position: relative;
    padding: 1.5em;
    border-left: 5px solid #e4e4e4;
    background-color: rgba(164, 177, 191, 0.1);
    overflow: hidden; }
  .content__container a {
    color: #19abd6;
    transition: color .3s;
    text-decoration: none; }
    .content__container a:hover, .content__container a:active {
      color: #3ac0e8;
      text-decoration: underline; }
  .content__container .highlight {
    background-color: #272822;
    margin: 21px 0;
    color: #fff;
    padding: .5em;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    font-size: 12px;
    font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; }
    .content__container .highlight + .content__container .highlight {
      margin: 10px 0; }
      .content__container .highlight + .content__container .highlight:last-child {
        margin-bottom: 21px; }
    .content__container .highlight table {
      width: auto;
      margin: 0;
      border: 0; }
      .content__container .highlight table tr td,
      .content__container .highlight table tr th {
        border: 0;
        padding: 0;
        background-color: transparent !important; }
    .content__container .highlight .line {
      height: 22px; }
    .content__container .highlight .gutter pre {
      min-width: 18px;
      margin-right: .8em;
      text-align: right;
      color: #8f908a; }
    .content__container .highlight .code .tag .name {
      color: #F92672; }
    .content__container .highlight .code .tag .attr {
      color: #74E22E; }
    .content__container .highlight .code .tag .string {
      color: #E6DB74; }
    .content__container .highlight .code .comment {
      color: #75715E; }
    .content__container .highlight .code .keyword {
      color: #66D9EF; }
    .content__container .highlight .code .attr {
      color: #E6DB74; }
    .content__container .highlight .code .literal,
    .content__container .highlight .code .number {
      color: #AE81FF; }
    .content__container .highlight .code .string {
      color: #E6DB74; }
    .content__container .highlight .code .built_in {
      color: #66D9EF; }
    .content__container .highlight .code .function {
      color: #66D9EF; }
      .content__container .highlight .code .function .params {
        color: #FD9720; }
  .content__container code {
    padding: 0 .4em;
    margin: 0;
    background-color: rgba(27, 31, 35, 0.05);
    border-radius: 3px;
    font-weight: 400;
    word-break: break-all; }
  .content__container hr {
    border: 0;
    border-top: 1px solid #e4e4e4;
    margin: 1.5em 0; }
  .content__container img {
    max-width: 100%; }
    .content__container img:not(:last-child) {
      margin-bottom: 10px; }
  .content__container table {
    width: 100%;
    border: 1px solid #d8e5f3;
    border-collapse: collapse; }
    .content__container table th {
      font-weight: 700; }
    .content__container table th,
    .content__container table td {
      padding: .5em;
      text-align: left;
      border: 1px solid #ddd; }
    .content__container table tbody > tr:nth-child(2n+1) > td {
      background-color: rgba(102, 128, 153, 0.05); }
  .content__container h1:first-child, .content__container h2:first-child, .content__container h3:first-child, .content__container h4:first-child, .content__container h5:first-child, .content__container h6:first-child {
    margin-top: 0; }

#comment-container {
  margin-top: 30px; }
